<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="{$_C.hy_path}css/amazeui.min.css"/>
		<link rel="stylesheet" type="text/css" href="{$_C.hy_path}css/hy.admin.css"/>
		<style>
			#tooltip{
				position:absolute;
				border:1px solid #ccc;
				background:#333;
				padding:2px;
				display:none;
				color:#fff;
			}
		</style>
	</head>
	<body>
		<div class="am-g">
			 {include file='../Common/hy_header.html'}
			 <div class="am-u-md-6 am-cf">
			 	<span class="am-input-group-btn" style=" height: 45px;padding-left: 50px;">
	                  <a  href="javascript:void(0);" onclick="refreshNow()" id="refresh_html"  class="am-btn am-btn-default hy-js-href">刷新</a>
                </span>
			 </div>
      <div class="am-g">
      <div class="am-u-sm-12">
        <div class="am-form">
          <table class="am-table am-table-striped am-table-hover hy-table-main">
            <thead>
              <tr>
                <th class="table-title">记者名</th>
                <th class="table-date">打赏二维码</th>
                <th  class="table-date">排序</th>
              </tr>
          </thead>
          <tbody>
          	{foreach from=$list item=data}
            <tr>
              <td>{$data.reporter_name}</td>
              <td>{if $data.gratuity_url}<a class="tooltip" href="/ws{$data.gratuity_url}" ><img src="/ws{$data.gratuity_url}" width="30px;"></img></a>{/if}</td>
             <td><input class="hy-js-order hy-w-50" data-id="{$data.id}" data-action="ordering" type="text"  value="{$data.ordering}" /></td>
            </tr>
             {/foreach} 
          </tbody>
        </table>
          <div class="am-cf">

  <div class="am-fr">
  </div>
</div>
          <hr />
      
        </div>
      </div>

    </div>
    </div>
   {include file='../Common/hy_footer.html'}
   <script type="text/javascript">
		$(function(){
			var x = 10;
			var y = 20;
			$("a.tooltip").mouseover(function(e){
				this.myTitle = this.title;
				this.title = "";
				var imgTitle = this.myTitle? "<br/>" + this.myTitle : "";
				var tooltip = "<div id='tooltip'><img style='width:250px;' src='"+ this.href +"' alt='图片'/>"+imgTitle+"<\/div>"; //创建 div 元素
				$("body").append(tooltip);	//把它追加到文档中
				$("#tooltip")
					.css({
						"top": (e.pageY+y) + "px",
						"left":  (e.pageX+x)  + "px"
					}).show("fast");	  //设置x坐标和y坐标，并且显示
		    }).mouseout(function(){
				this.title = this.myTitle;
				$("#tooltip").remove();	 //移除
		    }).mousemove(function(e){
				$("#tooltip")
					.css({
						"top": (e.pageY+y) + "px",
						"left":  (e.pageX+x)  + "px"
					});
			});
		})
   function refreshNow()
	{
		parent.$('#homeOrder').attr('src', parent.$('#homeOrder').attr('src'));
	}
		</script>
	</body>
</html>
